<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2025/10/15
  Time: 8:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>用户资源管理</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/back-index.css" />
    <script src="${pageContext.request.contextPath}/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap-paginator.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap-mypaginator.js"></script>
    <style>
        .file {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
            width: 100%;
            text-align: center;
        }
        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
        .file:focus {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }

        .width120 {
            min-width: 120px;
        }
        .width90 {
            min-width: 90px;
        }
        .width50 {
            min-width: 50px;
        }

    </style>
    <script type="text/javascript">
        $(function(){
            // 设置参数默认值
            $("#title").val("${resourceParam.title}")
            $("#nickname").val("${resourceParam.nickname}")
            $("#createStartDate").val("${resourceParam.createStartDate}");
            $("#createEndDate").val("${resourceParam.createEndDate}");
            if("${resourceParam.status}" !=''){
                $("#status").val("${resourceParam.status}");
            }
            if("${resourceParam.fileType}" !=''){
                $("#fileType").val("${resourceParam.fileType}");
            }


            //显示
            $(".resource-detail").on("click", function() {
                $('#frame-id', window.parent.document).attr('src', 'back_resourceDetailSet.html');
            });

            // 显示隐藏查询列表
            $('#show-user-resource-search').click(function() {
                $('#show-user-resource-search').hide();
                $('#upp-user-resource-search').show();
                $('.show-user-resource-search').slideDown(500);
            });
            $('#upp-user-resource-search').click(function() {
                $('#show-user-resource-search').show();
                $('#upp-user-resource-search').hide();
                $('.show-user-resource-search').slideUp(500);
            });

            // 查询点击事件
            $("#doSearch").click(function() {
                // 重置为第一页
                $("#pageNo").val(1);
                $("#searchForm").submit();
            });
            $("#resourcePageHelper").bootstrapPaginator({
                bootstrapMajorVersion: 3,
                currentPage: "${resourcePage.pageNum== 0 ? 1 : resourcePage.pageNum}",
                totalPages: "${resourcePage.pages== 0 ? 1 : resourcePage.pages}",
                size: "normal",
                alignment: "center",
                onPageClicked: function (event, originalEvent, type, page) {
                    $("#pageNo").val(page);
                    $("#searchForm").submit();
                }
            })

            $("input[name='modifyStatus']").click(function () {
                $.ajax({
                    type: "post",
                    url: "${pageContext.request.contextPath}/resource/modifyStatus",
                    data: {
                        "id": $(this).attr("data-id"),
                        "status": $(this).attr("data-status")
                    },
                    dataType: "json",
                    success: function (result) {
                        if (result.responseCode == "2001") {
                            location.href = "${pageContext.request.contextPath}/resource/findByParams?pageNo=${resourcePage.pageNum == 0 ? 1 : resourcePage.pageNum}";
                        } else {
                            $("#errorMsg").html(result.message);
                        }
                    }
                })
            });

            // 详情按钮点击事件
            $(".resource-detail").on("click", function() {
                var resourceId = $(this).attr("data-id");
                $('#frame-id', window.parent.document).attr('src',
                    '${pageContext.request.contextPath}/resource/detail?id=' + resourceId);
            });

            //按钮的超链接设置函数
            //      myoptions.pageUrl = function(type, page, current) {
            //          return "${pageContext.request.contextPath }/findAll.do?pageNo="
            //                  + page;
            //      };
            //分页回调函数,点击按钮事件
            // myoptions.onPageClicked = function(event, originalEvent, type, page) {
            //     //ajax回调接收数据成功时再重新初始化分页按钮
            //     console.log("pageNo=", page);
            // };

            //分页,在bootstrap-mypaginator.js中
            // myPaginatorFun("myPages", 1, 5);
        });

    </script>

</head>

<body>
<div class="panel panel-default" id="userPic">
    <div class="panel-heading">
        <h3 class="panel-title">用户资源管理</h3>
    </div>
    <div>
        <input type="button" value="查询" class="btn btn-success" id="doSearch" style="margin: 5px 5px 5px 15px;" />
        <input type="button" class="btn btn-primary" id="show-user-resource-search" value="展开搜索" />
        <input type="button" value="收起搜索" class="btn btn-primary" id="upp-user-resource-search" style="display: none;" />
    </div>

    <div class="panel-body">
        <div class="show-user-resource-search" style="display: none;">
            <form id="searchForm" action="${pageContext.request.contextPath}/resource/findByParams" class="form-horizontal">
                <div class="form-group">
                    <div class="form-group col-xs-6">
                        <input type="hidden" id="pageNo" name="pageNo" value="1">
                        <label for="title" class="col-xs-3 control-label">标题：</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" id="title" name="title" placeholder="请输入标题" />
                        </div>
                    </div>
                    <div class="form-group col-xs-6">
                        <label for="nickname" class="col-xs-3 control-label">用户名：</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" id="nickname" name="nickname" placeholder="请输入用户名" />
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-group col-xs-6">
                        <label class="col-xs-3 control-label">开始日期：</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" id="createStartDate" name="createStartDate" placeholder="请输入开始时间:2017-10-10" />
                        </div>
                    </div>
                    <div class="form-group col-xs-6">
                        <label class="col-xs-3 control-label">结束日期：</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" id="createEndDate" name="createEndDate" placeholder="请输入结束时间:2017-10-12" />
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-group col-xs-6">
                        <label class="col-xs-3 control-label">状态：</label>
                        <div class="col-xs-8">
                            <select class="form-control" id="status" name="status" >
                                <option value="-1" >全部</option>
                                <option value="0" >启用</option>
                                <option value="1" >禁用</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-6">
                        <label class="col-xs-3 control-label">文件类型：</label>
                        <div class="col-xs-8">
                            <select class="form-control" id="fileType"  name="fileType">
                                <option value="-1" >全部</option>
                                <option value="mp4" >mp4</option>
                                <option value="pdf" >pdf</option>
                            </select>
                        </div>
                    </div>
                </div>

            </form>
        </div>

        <!--  -->
        <div class="show-list">
            <table class="table table-bordered table-hover" style="text-align: center;">
                <thead>
                <tr class="text-danger">
                    <th class="text-center width50">编号</th>
                    <th class="text-center">资源标题</th>
                    <th class="text-center">资源相对路径</th>
                    <th class="text-center">文件原始名称</th>
                    <th class="text-center width50">文件大小</th>
                    <th class="text-center width50">文件类型</th>
                    <th class="text-center width90">上传时间</th>
                    <th class="text-center width50">消费类型</th>
                    <th class="text-center width50">消费值</th>
                    <th class="text-center width50">上传用户</th>
                    <th class="text-center width50">状态</th>
                    <th class="text-center width120">操作</th>
                </tr>
                </thead>
                <tbody id="tb">
                <c:forEach items="${resourcePage.list}" var="resource">
                 <tr>
                    <td>${resource.id}</td>
                    <td>${resource.title}</td>
                    <td>${resource.path}</td>
                    <td>${resource.originalName}</td>
                    <td>${resource.fileSize}</td>
                    <td>${resource.fileType}</td>
                    <td>${resource.createDate}</td>
                     <c:if test="${resource.costType == 0}">
                         <td>积分</td>
                     </c:if>
                     <c:if test="${resource.costType == 1}">
                         <td>金币</td>
                     </c:if>
                    <td>${resource.costNumber}</td>
                    <td>${resource.user.nickname}</td>
                     <c:if test="${resource.status==0}">
                    <td>启用</td>
                     </c:if>
                     <c:if test="${resource.status==1}">
                         <td>禁用</td>
                     </c:if>
                    <td class="text-center">
                        <c:if test="${resource.status == 0}">
                            <input type="button" class="btn btn-danger btn-sm" name="modifyStatus" data-id="${resource.id}" data-status="${resource.status}" value="禁用"/>
                        </c:if>
                        <c:if test="${resource.status == 1}">
                            <input type="button" class="btn btn-success btn-sm" name="modifyStatus" data-id="${resource.id}" data-status="${resource.status}" value="启用"/>
                        </c:if>
                            <input type="button" class="btn btn-success btn-sm resource-detail" data-id="${resource.id}" value="详情" />
<%--                        <input type="button" class="btn btn-danger btn-sm" value="禁用" />--%>
<%--                        <input type="button" class="btn btn-success btn-sm resource-detail" value="详情" />--%>
                    </td>
                </tr>
                </c:forEach>
<%--                <tr>--%>
<%--                    <td>2</td>--%>
<%--                    <td>简单介绍java语法</td>--%>
<%--                    <td>/java/sdsdsffaasf.mp4</td>--%>
<%--                    <td>java基础语法02</td>--%>
<%--                    <td>142400</td>--%>
<%--                    <td>mp4</td>--%>
<%--                    <td>2017-10-15 12:00:00</td>--%>
<%--                    <td>积分</td>--%>
<%--                    <td>20</td>--%>
<%--                    <td>tom</td>--%>
<%--                    <td>禁用</td>--%>
<%--                    <td class="text-center">--%>
<%--                        <input type="button" class="btn btn-success btn-sm" value="启用" />--%>
<%--                        <input type="button" class="btn btn-success btn-sm resource-detail" value="详情" />--%>
<%--                    </td>--%>
<%--                </tr>--%>
                </tbody>
            </table>
            <ul id="resourcePageHelper"></ul>
        </div>
        <!-- 分页 -->
<%--        <div style="text-align: center;" >--%>
<%--            <ul id="myPages" ></ul>--%>
<%--        </div>--%>

    </div>
</div>

<div class="modal fade" tabindex="-1" id="courseReourceModal" >
    <!-- 窗口声明 -->
    <div class="modal-dialog modal-lg">
        <!-- 内容声明 -->
        <div class="modal-content">
            <!-- 头部、主体、脚注 -->
            <div class="modal-header">
                <button class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" >用户资源</h4>
            </div>
            <div class="modal-body text-center">

                <input type="hidden" name="course_id" value=""  />
                <div class="row text-right" id="course-resource-id-input" >
                    <label for="course-resource-id" class="col-xs-4 control-label">章节编号：</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control" id="course-resource-id" readonly />
                    </div>
                </div>
                <br>
                <div class="row text-right">
                    <label for="course-resource-title" class="col-xs-4 control-label">章节标题：</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control" id="course-resource-title" />
                    </div>
                </div>
                <br>
                <div class="row text-right">
                    <label for="course-resource-context" class="col-xs-4 control-label">内容详情：</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control" id="course-resource-context" />
                    </div>
                </div>
                <br>
                <p/>
                <div class="row text-right">
                    <label class="col-xs-4 control-label">资源：</label>
                    <div class="col-xs-4">
                        <a href="javascript:fileUpload('#course-resource-file');" class="file" >选择文件</a>
                        <input type="file" name="course_resource_file" style="display: none;" onchange="fileChange(this)" id="course-resource-file" />
                    </div>
                </div>
                <br/>
                <div class="row text-right">
                    <label for="course-resource-file-title" class="col-xs-4 control-label">资源标题：</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control" id="course-resource-file-title" />
                    </div>
                </div>
                <br>
                <div class="row text-right">
                    <label for="file-cost-type" class="col-xs-4 control-label">查看资源花费类型：</label>
                    <div class="col-xs-4">
                        <select class="form-control" id="file-cost-type" name="file_cost_type_id" >
                            <option value="-1" >请选择</option>
                            <option value="1" >积分</option>
                            <option value="2" >金币</option>
                        </select>
                    </div>
                </div>
                <br>
                <div class="row text-right">
                    <label for="file-cost-type-val" class="col-xs-4 control-label">花费值：</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control" id="file-cost-type-val" />
                    </div>
                </div>
                <br>
                <div class="row text-right">
                    <label for="resource-type-id" class="col-xs-4 control-label">资源类型：</label>
                    <div class="col-xs-4">
                        <select class="form-control" id="resource-type-id" name="resource_type_id" >
                            <option value="-1" >请选择</option>
                            <option value="1" >mp4</option>
                            <option value="2" >pdf</option>
                        </select>
                    </div>
                </div>
                <br>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary course-reource-btn">确定</button>
                <button class="btn btn-primary cancel" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
</body>

</html>